<template>
    <div class="container">
      <section class="content">
           <p class="title">众安开启发展<strong>2.0</strong>时代，秉持“<strong>破与立</strong>”的精神。</p>
           <p class="text-break">公司不断突破服务的边界，个人不断突破能力的边界，在金融科技的全新领域，快速建立众安的品牌和核心能力以及领先的优势。</p>  
           <p class="text-idea">众安小伙伴以“让金融生活更温暖”为使命，秉持简单、快速、突破、共赢的价值观，不断突破前行。</p>
           <p class="text-style">简单：诚实正直、爱岗敬业、平等开放、不忘初心<br>
              快速：拥抱变化、使命必达、快速学习、先知先行<br>
              突破：不甘平庸、主动出击、打破常规、引领革命<br>
              共赢：积极配合、协作补位、包容并进、合作共赢 </p>    
            <p class="text-coming">未来已来，勇者同行，我们相信众安这只无畏的团队，必将不忘初心，携手并进，依靠科技创新，让金融生活更温暖。</p>
      </section>
    </div>
</template>

<script>
export default {};
</script>
<style scoped>
.container {
  width: 100vw;
  height: 100vh;
  background-image: url("../assets/bg.jpg");
  background-size: cover;
  background-repeat: repeat-y;
  margin-top: 60px;
  margin-bottom: 50px;
  overflow: hidden;
}
.content {
  width: 60vw;
  margin-left: 40vw;
  padding-right: 5vw;
  padding-top: 5%;
  letter-spacing: 3px;
}
.content .title {
  width: 50vw;
  font-size: 2rem;
  margin-bottom: 40px;
  text-align: center;
}
.content .text-break {
  text-indent: 2em;
  line-height: 25px;
  font-size: 1rem;
}
.content .text-idea {
  text-indent: 2em;
  line-height: 25px;
  font-size: 1rem;
}
.content .text-style {
  width: 50vw;
  margin: 0 auto;
  line-height: 30px;
  font-size: 1rem;
  text-align: center;
}
.content .text-coming {
  text-indent: 2em;
  line-height: 30px;
  font-size: 1rem;
}
</style>
